#done {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px 25px;

    // 筛选区域
    .screenArea, .clickSelectBtn, .claicEdit {
        position: relative;
        width: 100%;
        // height: 150px;
        padding-top: 10px;
        margin-bottom: 20px;
        background-color: #e5e5e5;

        .screen-goBack {
            height: 40px;

            li {
                float: left;
                margin-left: 20px;
                font-size: 14px;
            }
        }

        .screen-condition {
            height: 40px;

            li {
                float: left;
                margin-left: 20px;
                font-size: 14px;

                &.searchCompany {
                    position: relative;
                    display: block;
                    float: right;
                    margin-right: 20px;
                    width: 250px;
                    height: 50px;

                    .companyList {
                        z-index: 5;
                        position: absolute;
                        top: 33px;
                        width: 207.2px;
                        height: 125px;
                        border: 1px solid #ccc;
                        background-color: #fff;
                        overflow: hidden;

                        li {
                            display: block;
                            // width: 187.2px;
                            width: 100%;
                            height: 25px;
                            line-height: 25px;
                            margin-left: 0;
                            padding-left: 20px;
                            font-size: 12px;
                            cursor: pointer;

                            p {
                                width: 100%;
                                height: 25px;
                                line-height: 25px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }

                            &:hover {
                                background-color: #e5e5e5;
                            }
                        }
                    }
                }

                // &:nth-child(5) {
                // float: right;
                // margin-right: 20px;
                // }

                // &:last-child {
                // float: right;
                // }

                // 选中按钮变颜色
                .selectedColor {
                    color: #fff;
                    background-color: #2d8cf0;
                }

                // 禁用框
                .forbidden {
                    opacity: 0.5; // 设置蒙版效果
                    pointer-events: none; // 禁止鼠标事件
                }
            }
        }

        .exhibition {
            position: relative;
            padding: 0px 20px;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
        }

        .scree-info {
            position: relative;
            // height: calc(100% - 30px);
            height: 40px;
            padding: 5px 20px;

            // background-color: #7fffd4;
            .buttom-box {
                position: absolute;
                bottom: 10px;

                button {
                    margin-right: 20px;
                }
            }

            .selectedColor {
                color: #fff;
                background-color: #2d8cf0;
            }
        }
    }

    .clickSelectBtn {
        .screen-condition {
            li {
                &:nth-child(5) {
                    float: right;
                    margin-right: 20px;
                }

                &:last-child {
                    float: right;
                }
            }
        }

        .exhibition {
            position: relative;
            padding: 0px 20px;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
        }
    }

    .clickSelectBtn, .claicEdit {
        height: 120px;
    }

    // 内容展示区域
    .infoArea {
        width: 100%;
        height: calc(100% - 180px);
        background-color: #fff;

        .infoArea-title {
            height: 25px;
            background-color: #000;
            color: #fff;

            li {
                float: left;
                height: 25px;
                line-height: 25px;
                padding: 0 5px;
            }

            .serialNumber {
                width: 6%;
            }

            .enterprise {
                width: 13%;
            }

            .policy {
                width: 15%;
            }

            .declare {
                width: 11%;
            }

            .declareMoney {
                width: 10%;
            }

            .publicityState, .projectState, .contractState {
                width: 15%;
                text-align: center;
            }
        }

        .infoArea-content {
            width: 100%;
            height: calc(100% - 25px);

            .infoArea-line {
                width: 100%;
                height: 45px;
                margin-bottom: 2px;
                background-color: #e5e5e5;

                .infoAreaLine-ul {
                    // margin-top 2px
                    li {
                        float: left;
                        height: 45px;
                        line-height: 45px;
                        padding: 0 5px;
                    }
                }

                .serialNumber {
                    width: 6%;

                    p {
                        width: 100%;
                        height: 45px;
                        line-height: 45px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }

                .enterprise {
                    width: 13%;

                    p {
                        width: 100%;
                        height: 45px;
                        line-height: 45px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }

                .policy {
                    width: 15%;

                    p {
                        width: 100%;
                        height: 45px;
                        line-height: 45px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }

                .declare {
                    width: 11%;

                    p {
                        width: 100%;
                        height: 45px;
                        line-height: 45px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }

                .declareMoney {
                    width: 10%;

                    .sunMoney {
                        text-indent: 25px;
                    }
                }

                .publicityState, .projectState, .contractState {
                    width: 15%;
                    text-align: center;

                    p {
                        width: 100%;
                        height: 45px;
                        line-height: 45px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .approval, .approvedDrawing {
                        position: relative;
                        padding: 8px 0;

                        .passBack {
                            position: absolute;
                            right: 5px;
                            top: 0px;
                            z-index: 11;
                        }

                        p {
                            width: 70%;
                            height: 16px;
                            font-size: 10px;
                            line-height: 16px;
                            text-align: right;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            color: #1e90ff;
                            cursor: pointer;
                        }

                        span {
                            display: block;
                            width: 70%;
                            height: 16px;
                            font-size: 10px;
                            line-height: 16px;
                            text-align: right;
                            font-size: 10px;
                            color: #ffa500;
                        }
                    }

                    .selectedColor {
                        color: #fff;
                        background-color: #2d8cf0;
                    }
                }

                // 懸浮框樣式
                .enterprise, .policy, .declare, .declareMoney {
                    position: relative;
                    cursor: pointer;

                    .underline {
                        display: none;
                    }

                    &:hover .underline-N {
                        display: none;
                    }

                    &:hover .underline {
                        display: block;
                    }

                    .appliInfo {
                        position: absolute;
                        bottom: -110px;
                        left: 0px;
                        border-radius: 5px;
                        display: none;
                        width: 250px;
                        height: 120px;
                        padding: 15px 10px;
                        z-index: 10;
                        background-color: #fff;

                        p {
                            height: 18px;
                            line-height: 18px;
                            font-size: 12px;
                            margin-bottom: 5px;
                        }
                    }

                    &:hover .appliInfo {
                        display: block;
                    }

                    .appliInfo::after {
                        content: '';
                        position: absolute;
                        bottom: 100%;
                        left: 15%;
                        margin-left: -5px;
                        border-width: 5px;
                        border-style: solid;
                        border-color: transparent transparent #fff transparent;
                    }
                }
            }

            .errHint {
                width: 100%;
                height: 100%;
                text-align: center;
                margin: 80px auto;
                font-size: 35px;
                color: #000;

                .icon-zanwuneirong {
                    font-size: 100px;
                }
            }
        }
    }

    .paging {
        text-align: -webkit-center;
    }

    // 合同列表
    .compactList {
        position: absolute;
        right: -300px;
        top: 10px;
        bottom: 0px;
        z-index: 100;
        width: 280px
        // height 100%
        background-color: #ccc;
        // opacity: 0.8;
        color: #000;

        h2 {
            text-align: center;
            font-size: 14px;
            margin: 10px 0px;
        }

        .compactList-content {
            width: 100%;
            height: calc(100% - 90px);
            margin-bottom: 50px;
        }

        ul {
            li {
                position: relative;
                display: block;
                width: 100%;
                height: 35px;
                padding: 0 10px 0 10px;
                line-height: 35px;
                // text-indent: 10px;
                cursor: pointer;

                p {
                    width 250px
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .hover_info {
                    position: absolute;
                    top: 0px;
                    left: -80px;
                    z-index: 200;
                    background-color: red;
                }

                &:hover {
                    background-color: #000;
                    color: #fff;
                }

                .selectColor {
                    background-color: #000;
                    color: #fff;
                }
            }
        }

        .compactList-btn {
            position: absolute;
            bottom: 10px;
            width: 100%;
            text-align: center;

            .cancelBtn {
                margin-right: 20px;
            }
        }
    }
}

#hover_info {
    white-space: normal;
    width: 100%;
}
